.head {
      text-align: center;
      font-size: 60px;
      animation: identifier 1.5s;
}

/* 当系统为深色模式时把整个页面全部变成黑色 */
@media (prefers-color-scheme: dark) {
      body {
            background-color: rgb(42, 42, 42);
            color: #eee;
      }
}

#NPC {
      background-color: #335bb0;
      box-shadow: 5px 0 10px black;
      color: #eee;
}

#player {
      background-color: #335bb0;
      box-shadow: 5px 0 10px black;
      color: #eee;
      text-align: center;
}

#player h1 span {
      color: red;
}

.game-bar {
      display: flex;
      justify-content: center;
      align-items: center;
}

.game-bar button {
      background-color: #335bb0; 	/* base color */
      color: white;
      width: 200px;
      height: 70px;
      font-size: 20px;
}

@keyframes identifier {
      0% {
            font-size: 5px;
      }

      50% {
            font-size: 30px;
      }

      100% {
            font-size: 60px;
      }
}